﻿<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>


<%@ Register assembly="AjaxControlToolkit" namespace="AjaxControlToolkit" tagprefix="Ajax" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title></title>
<script type="text/javascript">
    function ShowYears(sender, args) {
        sender._switchMode("years", true);
    }
</script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    
<Ajax:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server"/>
       
Pick a date: 
<asp:TextBox ID="txtCal" runat="server"/>

<Ajax:CalendarExtender ID="CalendarExtender1" runat="server" 
                       TargetControlID="txtCal" SelectedDate="6/6/2012" 
                       StartDate="6/1/2012" EndDate="7/1/2012">
</Ajax:CalendarExtender>
  
<asp:TextBox ID="txtCalendar" runat="server"/> 
     
<asp:Image ID="imgCal" runat="server" ImageUrl="~/Images/calendar.png"/>
        
<Ajax:CalendarExtender ID="CalendarExtender2" runat="server"
                       TargetControlID="txtCalendar" 
                       PopupButtonID="imgCal" 
                       OnClientShown="ShowYears"/>
        
    </div>
    </form>
</body>
</html>
